<header class="header">
	<div class="container bar">
		<a class="bar-left" href="javascript:history.back()"><span class="icon-arrow-left"></span></a>
		<h3 class="bar-title">{$shopGoods.name}</h3>
		<a class="bar-right" href="javascript:location.reload()"><span class="icon-refresh"></span></a>
	</div>
</header>


<div class="page">
	<div class="container">
	    <!-- user bar start -->
        <include file="user" />
        <!-- user bar end -->
        
        <!-- slide start -->
        <style type="text/css">
            .swipe {
                overflow: hidden;
                visibility: hidden;
                position: relative;
            }
            .swipe-wrap {
                overflow: hidden;
                position: relative;
            }
            .swipe-wrap > div {
                float: left;
                width: 100%;
                position: relative;
            }
        </style>
        <div class='swipe'>
            <div class='swipe-wrap'>
                <volist name="shopGoods.images" id="vo">
                    <div>
                        <img src="{$vo}" />
                    </div>
                </volist>
            </div>
        </div>
        <script src="__PUBLIC__/assets/libs/swipe/swipe.min.js"></script>
        <script type="text/javascript">
            new Swipe(document.querySelector(".swipe"), {
                auto: 3000
            });
        </script>
        <!-- slide end -->
        <h3>{$shopGoods.name}</h3>
		{:dump($vars)}
	</div>
</div>